import React from 'react';
import { Comments } from '../评论列表-v1/Comments';

export class App extends React.Component {
  constructor() {
    super();
    // 1 创建 dom 对象存放的容器
    this.inputRef = React.createRef();
    this.commentsRef = React.createRef();
  }

  // 3 在组件内的事件处理函数或生命周期函数内使用
  handleClick = () => {
    console.log(this.inputRef.current);
    console.log(this.inputRef.current.value);
    console.log(this.commentsRef);
  };

  render() {
    return (
      <div>
        {/* 2 将原生dom赋值给dom容器 */}
        <input type={'text'} ref={this.inputRef}></input>
        <button onClick={this.handleClick}>提交</button>
        <Comments ref={this.commentsRef} />
      </div>
    );
  }
}

export default App;
